<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>广东八灵科技发展有限公司</title>
    <link rel="stylesheet" href="assets/vendor/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/index.css">
    <link rel="stylesheet" href="assets/css/home-news.css">
    <script src="assets/vendor/bootstrap/bootstrap.bundle.min.js"></script>
    <script src="assets/js/components.js"></script>
    <script src="assets/js/vision.js"></script>
</head>
<body>
    <!-- 导航栏占位符 -->
    <div id="navbar-placeholder"></div>

    <div id="mainCarousel" class="carousel slide" data-bs-ride="false">
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="assets/images/adbg1.png" class="d-block w-100" alt="轮播图1">
                <div class="carousel-overlay"></div>
                <div class="carousel-caption">
                    <h2 class="main-title">引领商业向善新生态，谱写产业互联新篇章</h2>
                    <p class="sub-title">拥抱变化、勇于创新、砥砺同行、多方共益</p>
                </div>
            </div>
            <div class="carousel-item">
                <video class="d-block w-100" autoplay muted playsinline>
                    <source src="assets/images/adbg2.mp4" type="video/mp4">
                </video>
                <div class="carousel-overlay"></div>
                <div class="carousel-caption">
                    <h2 class="main-title">破界·重塑·智启新程——2025战略跃迁盛典</h2>
                    <p class="sub-title">突破边界·聚能进化·智创未来</p>
                </div>
            </div>
        </div>
    </div>

    <div class="home-page-container">
        <div class="news-box">
            <div class="news">
                <div class="news-container">
                    <div class="home-news-title 'animate__animated animate__fadeInDown' ">新闻动态</div>
                    <div class="news-grid">
                        <!-- 新闻项目1 -->
                        <div class="news-item">
                            <a href="#" class="news-link">
                                <div class="news-image">
                                    <img src="assets/images/news1.png" alt="新闻图片1">
                                </div>
                                <div class="news-content">
                                    <h3>阿里云开源万相2.1视频生成模型 VBench总分夺冠</h3>
                                    <p>阿里云开源万相2.1视频生成模型，在VBench评测中总分夺冠，引领视频生成技术新突破</p>
                                    <div class="news-date">2025年3月21日</div>
                                </div>
                            </a>
                        </div>
                        
                        <!-- 新闻项目2 -->
                        <div class="news-item">
                            <a href="#" class="news-link">
                                <div class="news-image">
                                    <img src="assets/images/news2.png" alt="新闻图片2">
                                </div>
                                <div class="news-content">
                                    <h3>AI如何提升健康素养、改善医疗服务可及性和优化结果</h3>
                                    <p>人工智能技术在医疗健康领域的创新应用，提升健康素养，改善医疗服务可及性</p>
                                    <div class="news-date">2025年3月21日</div>
                                </div>
                            </a>
                        </div>
                        
                        <!-- 新闻项目3 -->
                        <div class="news-item">
                            <a href="#" class="news-link">
                                <div class="news-image">
                                    <img src="assets/images/news3.png" alt="新闻图片3">
                                </div>
                                <div class="news-content">
                                    <h3>AI如何提升健康素养、改善医疗服务可及性优化结果</h3>
                                    <p>探索AI技术在医疗领域的应用前景，提升医疗服务质量与效率</p>
                                    <div class="news-date">2025年3月21日</div>
                                </div>
                            </a>
                        </div>
                        
                        <!-- 新闻项目4 -->
                        <div class="news-item">
                            <a href="#" class="news-link">
                                <div class="news-image">
                                    <img src="assets/images/news4.png" alt="新闻图片4">
                                </div>
                                <div class="news-content">
                                    <h3>AI如何提升健康素养、改善医疗服务可及性和优化结果</h3>
                                    <p>人工智能在医疗健康领域的创新应用案例分析与未来展望</p>
                                    <div class="news-date">2025年3月21日</div>
                                </div>
                            </a>
                        </div>
                        
                        <!-- 新闻项目5 -->
                        <div class="news-item">
                            <a href="#" class="news-link">
                                <div class="news-image">
                                    <img src="assets/images/news5.png" alt="新闻图片5">
                                </div>
                                <div class="news-content">
                                    <h3>AI如何提升健康素养、改善医疗服务可及性和优化结果</h3>
                                    <p>AI驱动的医疗服务创新，打造智能健康管理新模式</p>
                                    <div class="news-date">2025年3月21日</div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 供应链模块 -->
    <div class="supply-container">
        <div class="supply">  
            <div class="supply-title">行业特性精准适配的供应链解决方案</div>
            <div class="supply-grid-container" style="background-image: url('assets/images/supply_bg.png');">
                <div class="supply-grid">
                    <div class="supply-item">
                        <div class="default-content">
                            <img src="assets/images/icon/network.png" alt="网络设备">
                            <span class="item-title">网络建设</span>
                        </div>
                        <div class="hover-content">
                            <div style="margin-bottom: 10px;">
                                <img src="assets/images/icon/network.png" alt="网络设备">
                                <span class="item-title">网络建设</span>
                            </div>
                            <div>AI+物联网+区块链+智能物流驱动全链数字化协同，提升供应链效率与敏捷度，
                            降低库存成本及能耗，确保质量与绿色可持续。</div></div>
                    </div>
                    <div class="supply-item">
                        <div class="default-content">
                            <img src="assets/images/icon/jiadian.png" alt="家用电器">
                            <span class="item-title">家用电器</span>
                        </div>
                        <div class="hover-content">
                            <div style="margin-bottom: 10px;">
                                <img src="assets/images/icon/jiadian.png" 网络建设alt="家用电器">
                                <span class="item-title">家用电器</span>
                            </div>
                            构建全链路柔性供应链，以区域物流网络为支点，实现从工厂直发至末端安装的高效履约闭环。</div>
                    </div>
                    <div class="supply-item">
                        <div class="default-content">
                            <img src="assets/images/icon/bangon.png" alt="办公设备">
                            <span class="item-title">办公设备</span>
                        </div>
                        <div class="hover-content">
                            <div style="margin-bottom: 10px;">
                                <img src="assets/images/icon/bangon.png" 网络建设alt="办公设备">
                                <span class="item-title">办公设备</span>
                            </div>
                            运用大数据预测与智能排产，打通从耗材采购到设备运维的全链条，提升企业级采购效率与资产利用率。</div>
                    </div>
                    <div class="supply-item">
                        <div class="default-content">
                            <img src="assets/images/icon/wenju.png" alt="文具耗材">
                            <span class="item-title">文具耗材</span>
                        </div>
                        <div class="hover-content">
                            <div style="margin-bottom: 10px;">
                                <img src="assets/images/icon/wenju.png" 网络建设alt="文具耗材">
                                <span class="item-title">文具耗材</span>
                            </div>
                            建立多频次、小批量的敏捷分销体系，依托动态需求预测系统，保障教育、办公场景的即时化供应响应。</div>
                    </div>
                    <div class="supply-item">
                        <div class="default-content">
                            <img src="assets/images/icon/jiankan.png" alt="健康卫生">
                            <span class="item-title">健康卫生</span>
                        </div>
                        <div class="hover-content">
                            <div style="margin-bottom: 10px;">
                                <img src="assets/images/icon/jiankan.png" 网络建设alt="健康卫生">
                                <span class="item-title">健康卫生</span>
                            </div>
                            构建合规追溯体系，通过多节点协同配送，实现个护清洁、护理护具、健康器械、防护用品、健身器材及体育用品的全周期品质管控与即时化交付。</div>
                    </div>
                    <div class="supply-item">
                        <div class="default-content">
                            <img src="assets/images/icon/wenti.png" alt="文体户外">
                            <span class="item-title">文体户外</span>
                        </div>
                        <div class="hover-content">
                            <div style="margin-bottom: 10px;">
                                <img src="assets/images/icon/wenti.png" 网络建设alt="文体户外">
                                <span class="item-title">文体户外</span>
                            </div>
                            搭建模块化供应链中台，整合本地与跨地采购、生产资源，快速响应季节性、个性化消费需求的动态调配。</div>
                    </div>
                    <div class="supply-item">
                        <div class="default-content">
                            <img src="assets/images/icon/car.png" alt="汽车用品">
                            <span class="item-title">汽车用品</span>
                        </div>
                        <div class="hover-content">
                            <div style="margin-bottom: 10px;">
                                <img src="assets/images/icon/car.png" 网络建设alt="汽车用品">
                                <span class="item-title">汽车用品</span>
                            </div>
                            构建零部件动态分拨网络，整合车载电器、汽车装饰等资源，结合VMI（供应商管理库存）模式，实现维修保养、美容清洁及全自驾场景的精准化交付响应。</div>
                    </div>
                    <div class="supply-item">
                        <div class="default-content">
                            <img src="assets/images/icon/jianzhu.png" alt="建筑装饰">
                            <span class="item-title">建筑装饰</span>
                        </div>
                        <div class="hover-content">
                            <div style="margin-bottom: 10px;">
                                <img src="assets/images/icon/jianzhu.png" 网络建设alt="建筑装饰">
                                <span class="item-title">建筑装饰</span>
                            </div>
                            依托BIM（建筑信息模型）与智能排产，实现从建材采购到家装现场的精准配送，降低装修供应链损耗。</div>
                    </div>
                    <div class="supply-item">
                        <div class="default-content">
                            <img src="assets/images/icon/wuzi.png" alt="联保物资">
                            <span class="item-title">联保物资</span>
                        </div>
                        <div class="hover-content">
                            <div style="margin-bottom: 10px;">
                                <img src="assets/images/icon/wuzi.png" 网络建设alt="联保物资">
                                <span class="item-title">联保物资</span>
                            </div>
                            构建军政企智能运营数字化赋能系统，实现救灾物资从储备到灾区的快速响应，保障公共安全应急需求。</div>
                    </div>
                    <div class="supply-item">
                        <div class="default-content">
                            <img src="assets/images/icon/yingji.png" alt="应急保障">
                            <span class="item-title">应急保障</span>
                        </div>
                        <div class="hover-content">
                            <div style="margin-bottom: 10px;">
                                <img src="assets/images/icon/yingji.png" 网络建设alt="应急保障">
                                <span class="item-title">应急保障</span>
                            </div>
                            持续迭代供应流程，充分运用先进的信息技术，实现采购流程的数字化，大大缩短采购周期，提升保障效率，确保在任何时刻，均能迅速响应物资需求。</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
 

    <!-- 公司信息模块 -->
    <div class="company-info-container">
        <div class="company-info-title">公司信息</div>
        <div class="company-info-cards">
            <div class="company-info-card">
                <div class="card-image">
                    <img src="assets/images/company.png" alt="公司简介">
                    <div class="card-title">公司简介</div>
                    <div class="card-overlay">
                        <h3>公司简介</h3>
                        <p>了解我们的历史、使命和价值观，探索我们如何通过创新和专业服务引领行业发展。</p>
                        <a href="#" class="btn btn-light">了解更多</a>
                    </div>
                </div>
            </div>
            <div class="company-info-card">
                <div class="card-image">
                    <img src="assets/images/culture.png" alt="企业文化">
                    <div class="card-title">企业文化</div>
                    <div class="card-overlay">
                        <h3>企业文化</h3>
                        <p>探索我们的企业文化，了解我们如何通过共同的价值观和愿景打造卓越团队。</p>
                        <a href="#" class="btn btn-light">了解更多</a>
                    </div>
                </div>
            </div>
            <div class="company-info-card">
                <div class="card-image">
                    <img src="assets/images/locations.png" alt="办公地点">
                    <div class="card-title">办公地点</div>
                    <div class="card-overlay">
                        <h3>办公地点</h3>
                        <p>查看我们的全球办公网络，了解我们如何为全球客户提供本地化的专业服务。</p>
                        <a href="#" class="btn btn-light">了解更多</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 企业愿景模块 -->
    <div class="vision-container">
        <div class="container h-100">
            <div class="row h-100">
                <div class="col-lg-6 vision-left">
                    <h2 class="vision-title">企业愿景</h2>
                    <p class="vision-content">引领商业向善新生态 谱写产业互联新篇章</p>
                    <div class="vision-separator"></div>
                    
                    <h2 class="vision-title">企业使命</h2>
                    <p class="vision-content">深耕军政企服务保障 赋能中小微降本增效</p>
                    <div class="vision-separator"></div>
                    
                    <h2 class="vision-title">核心价值观</h2>
                    <p class="vision-content">拥抱变化、勇于创新、砥砺同行、多共益</p>
                    <div class="vision-separator"></div>
                </div>
                <div class="col-lg-6 h-100">
                    <div class="vision-image-container">
                        <img src="assets/images/vision1.png" alt="企业愿景" class="vision-image">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="vision2">
        <div class="vision2-text">
             八灵科技的使命是让天下没有难做的生意<br>
            我们旨在助力企业，帮助其变革营销、销售和经营的方式，提升其效率。我们为商家、品牌、
            零售商及其他企业提供技术设施以及营销平台，帮助其借助新技术的力量与用户和客户互动，并更高效地经营。
            我们还为企业提供领先的云设施和服务，以及更强的工作协作能力，促进其数字化转型并支持其业务增长。

        </div>
    </div>
    <!-- 页脚占位符 -->
    <div id="footer-placeholder"></div>
    <script src="assets/js/index.js"></script>
</body>
</html>